@CHARSET "UTF-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, form, th, td {
    margin: 0;
    padding: 0;
}
ul, ol {
    list-style: none outside none;
}
body{font-size:12px;background:url("/images/header_bg.png") repeat-x #FFFFFF;}
a{ text-decoration: none; color:#369}
a:hover{color:#963}
a img{border:none}
#container{
	width:950px;
	margin:0 auto;
	/*background:#FFF;*/
}
#header h1{ background: url("/images/bg2012.gif") repeat scroll 0 0 transparent;
    height: 100px;
    text-indent: -10000px;
    width: 400px;}
#nav_menu img{width:100%; clear:both;}
#nav_menu{float:left;background: url("/images/nav-bg.gif") repeat scroll 0 0 blue;}
.ul_nav{
	
    float: left;
    width: 100%;
}
.ul_nav li{float:left; width:100px; }
.ul_nav li a{color: #FFFFFF;
    display: block;
    font-size: 120%;
    padding: 10px 14px;
    text-align: center;
   }
.ul_nav li a:hover{color: #3333FF;
background: none repeat scroll 0 0 #FFFFFF;
    }
    
#mid_main{float:right;width:650px;}
#mid_aside{float:left;width:300px;}
.padr10{padding-right:10px;}
.padl10{padding-left:10px;}
.line2em{line-height:2em;text-indent: 2em;}   
.bd1{border:1px solid #D0D0D0;}
#footer{clear:both;
    border-top:1px solid #EEE;
    margin-top:10px;
    /*background: none repeat scroll 0 0 #EEE;
    */font-size: 14px;
    padding: 10px 0 20px 0;
    text-align: center;}
 #footer  em{ background: url("/images/bg2012.gif") no-repeat scroll -23px -133px transparent;
 display:block; width:170px; margin-left:50%;
 text-indent:-10000px;}   
.graybox{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D0D0D0;
     border-top:none;
    margin-top:10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.graybox h3{
	 background: url("/images/h3bg.jpg") repeat scroll 0 0 #3D3FC6;
	 background: none repeat scroll 0 0 #2B9DDC;
	color:white;
    height: 24px;
    padding-left: 14px;
    padding-top: 14px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.graybox .content{
	margin-top:14px;
	margin-left:14px;
}

.proshowimg{width:210px; margin:2px; float:left; border:1px dashed #3030d0;
text-align:center}
.proshowimg img{width:210px; height:100px; display:block;}

.dleft img{float:left;  margin-right:10px;}
.dright img{float:right;  margin-left:10px;}
.dleft, .dright {
	    border-bottom: 1px dashed #3333DD;   
    float: left;
    margin: 12px 0 15px;
    padding: 10px 0;
    width: 100%;
}
.page{}
.page a{padding:5px  10px; margin-right:5px; border:1px solid #2226e1;}
.page a:hover{background:#a6a7ee; color:#2226e1}

.pro_content h1{text-align:center; margin-bottom:20px; }
.pro_content .info{text-align:right; color:#ccc;border-bottom:1px dashed #eee;margin-bottom:20px;}

.cur_place{background: none repeat scroll 0 0 #EEEEEE;
    clear: both;
    margin-top: 20px;
    padding: 10px 0 10px 14px;}

.phone{background: url("/images/bg2012.gif") no-repeat scroll -533px -323px transparent;
    color: #FFFFFF;
    font-size: 24px;
    height: 46px;
    line-height: 46px;
    margin: 5px 0 12px 5px;
    padding-left: 75px;
    width: 245px;
}
.phone span{height:46px;}
.contact{font-size:24px;}

.producttype_side{
    height: 25px;
    margin: 12px 0 4px;
	border-bottom:1px dashed #333;
 }
.producttype_side a{display:block;
/* background: url('/images/bg2012.gif') no-repeat -542px -221px;*/

   padding: 0 0 0 30px;
	width: 270px;
	height: 26px;}
.producttype_side a:hover{/* background: url('/images/bg2012.gif') no-repeat -543px -270px;*/}

.guestbookli{
background: none repeat scroll 0 0 #a8b9ee;
    border-bottom: 1px dashed;
    margin-bottom: 20px;
    padding: 10px 0 0 20px;
	}
.guestbookli h3{margin-bottom:12px;}
.guestbookli  .reply{color:red}
.basic-input {
    border: 1px solid #C9C9C9;
    border-radius: 3px 3px 3px 3px;
    font-size: 14px;
    height: 18px;
    padding: 5px;
    width: 200px;
}